//
//  WBVisitorView.swift
//  YYLWeibo
//
//  Created by 楊亜玲 on 16/11/15.
//  Copyright © 2016年 楊亜玲. All rights reserved.
//  访客视图类

import UIKit

class WBVisitorView: UIView {
    
    var visitorViewInfo:[String: String]?{
        didSet{
            // 1> 取出字典信息
            guard let imageName = visitorViewInfo?["imageName"],
                let message = visitorViewInfo?["message"] else{
                    return
            }
            // 2> 设置文字信息
            tipLabel.text = message
            tipLabel.textAlignment = .center

            // 3> 设置图像
            // 首页不需要设置
            if imageName == "" {
                // 5> 设置图标旋转动画
                startAnimation()
                
                return
            }
            iconView.image = UIImage(named: imageName)

            // 4> 非首页 -> 隐藏小房子、遮罩视图
            houseIconView.isHidden = true
            maskIconView.isHidden = true
            
        }
    }

    // MARK - 构造函数
    override init(frame: CGRect) {
        super.init(frame: frame)
        
        setupUI()
    }
    
    required init?(coder aDecoder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }
    
    // 旋转图标动画（首页）
    func startAnimation() {
        let anim = CABasicAnimation(keyPath:"")

        anim.toValue = 2 * M_PI
        anim.repeatCount = MAXFLOAT
        anim.duration = 15
        //经常用在循环播放的动画上，该动画会绑定在动画图层上，循环之行
        anim.isRemovedOnCompletion = false//动画完成不删除，如果iconView被释放，动画会一起销毁
        iconView.layer.add(anim, forKey: nil)
    }
    
    
    // MARK - 私有控件
    // 懒加载属性只有调用 UIKit 控件的指定构造函数，其他都需要使用类型
    
    // 图像视图
    lazy var iconView = UIImageView(image: UIImage(named: "visitordiscover_feed_image_smallicon"))

    // 小房子
    lazy var houseIconView = UIImageView(image: UIImage(named: "visitordiscover_feed_image_house"))

    // 提示标签
    lazy var tipLabel: UILabel = UILabel.cz_label(
        withText: "关注一些人，回这里看看有什么惊喜关注一些人，回这里看看有什么惊喜",
        fontSize: 16,
        color: UIColor.darkGray)

    // 注册按钮
    lazy var registerButton: UIButton = UIButton.cz_textButton(
        "注册",
        fontSize: 16,
        normalColor: UIColor.orange,
        highlightedColor: UIColor.black, backgroundImageName: "common_button_white_disable")

    // 登录按钮
    lazy var loginButton: UIButton = UIButton.cz_textButton(
        "登录",
        fontSize: 16,
        normalColor: UIColor.orange,
        highlightedColor: UIColor.black,
        backgroundImageName: "common_button_white_disable")
    
    // 遮罩图像
    lazy var maskIconView = UIImageView(image: UIImage(named: "visitordiscover_feed_mask_smallicon"))

}

extension WBVisitorView{
    func setupUI() {
        backgroundColor = UIColor.cz_color(withRed: 232, green: 233, blue: 232)

        // 1.添加控件
        addSubview(iconView)
        addSubview(maskIconView)
        addSubview(houseIconView)
        addSubview(tipLabel)
        addSubview(registerButton)
        addSubview(loginButton)
        
        
        // 2. 解除Autoresizing
        for v in subviews {
            v.translatesAutoresizingMaskIntoConstraints = false
        }
        
        // 3. 自动布局
        let margin: CGFloat = 20
        // 1> 图像视图
        addConstraint(NSLayoutConstraint(item: iconView,
                                         attribute: .centerX,
                                         relatedBy: .equal,
                                         toItem: self,
                                         attribute: .centerX,
                                         multiplier: 1.0,
                                         constant: 0))
        addConstraint(NSLayoutConstraint(item: iconView,
                                         attribute: .centerY,
                                         relatedBy: .equal,
                                         toItem: self,
                                         attribute: .centerY,
                                         multiplier: 1.0,
                                         constant: -60))
        // 2> 小房子
        addConstraint(NSLayoutConstraint(item: houseIconView,
                                         attribute: .centerX,
                                         relatedBy: .equal,
                                         toItem: iconView,
                                         attribute: .centerX,
                                         multiplier: 1.0,
                                         constant: 0))
        addConstraint(NSLayoutConstraint(item: houseIconView,
                                         attribute: .centerY,
                                         relatedBy: .equal,
                                         toItem: iconView,
                                         attribute: .centerY,
                                         multiplier: 1.0,
                                         constant: 0))

        
        // 3> 提示标签
        addConstraint(NSLayoutConstraint(item: tipLabel,
                                         attribute: .centerX,
                                         relatedBy: .equal,
                                         toItem: iconView,
                                         attribute: .centerX,
                                         multiplier: 1.0,
                                         constant: 0))
        addConstraint(NSLayoutConstraint(item: tipLabel,
                                         attribute: .top,
                                         relatedBy: .equal,
                                         toItem: iconView,
                                         attribute: .bottom,
                                         multiplier: 1.0,
                                         constant: margin))
        addConstraint(NSLayoutConstraint(item: tipLabel,
                                         attribute: .width,
                                         relatedBy: .equal,
                                         toItem: nil,
                                         attribute: .notAnAttribute,
                                         multiplier: 1.0,
                                         constant: 236))
        
        // 4> 注册按钮
        addConstraint(NSLayoutConstraint(item: registerButton,
                                         attribute: .left,
                                         relatedBy: .equal,
                                         toItem: tipLabel,
                                         attribute: .left,
                                         multiplier: 1.0,
                                         constant: 0))
        addConstraint(NSLayoutConstraint(item: registerButton,
                                         attribute: .top,
                                         relatedBy: .equal,
                                         toItem: tipLabel,
                                         attribute: .bottom,
                                         multiplier: 1.0,
                                         constant: margin))
        addConstraint(NSLayoutConstraint(item: registerButton,
                                         attribute: .width,
                                         relatedBy: .equal,
                                         toItem: nil,
                                         attribute: .notAnAttribute,
                                         multiplier: 1.0,
                                         constant: 100))
        
        
        // 5> 登录按钮
        addConstraint(NSLayoutConstraint(item: loginButton,
                                         attribute: .left,
                                         relatedBy: .equal,
                                         toItem: registerButton,
                                         attribute: .right,
                                         multiplier: 1.0,
                                         constant: margin))
        addConstraint(NSLayoutConstraint(item: loginButton,
                                         attribute: .centerY,
                                         relatedBy: .equal,
                                         toItem: registerButton,
                                         attribute: .centerY,
                                         multiplier: 1.0,
                                         constant: 0))
        addConstraint(NSLayoutConstraint(item: loginButton,
                                         attribute: .width,
                                         relatedBy: .equal,
                                         toItem: nil,
                                         attribute: .notAnAttribute,
                                         multiplier: 1.0,
                                         constant: 100))
        
        // 6> 遮罩按钮(VFL设置)
        // format:核心VFL语句
        // views: 表示这组约束所涉及到的相关子view,比如一个界面上有A、B两个控件，这组约束涉及到了这两个控件，那么就以字典类型将A、B控件设为参数views
        // metrics: 对于一些特定的宽、高，我们可以直接存放在字典中，这样在描述性语言中就可以直接用键来描述宽高
        let viewDict = ["maskIconView": maskIconView,
                        "registerButton":registerButton] as [String : Any]
        let metrics = ["spacing": -20]
        addConstraints(NSLayoutConstraint.constraints(withVisualFormat: "H:|-0-[maskIconView]-0-|",
                                                      options: [],
                                                      metrics: nil,
                                                      views: viewDict))
        addConstraints(NSLayoutConstraint.constraints(withVisualFormat: "V:|-0-[maskIconView]-(spacing)-[registerButton]",
                                                      options: [],
                                                      metrics: metrics,
                                                      views: viewDict))
        
        
        
    }
}
